<template>
  <div class="xiugai_page">
      <div class="top">
           <van-icon name="arrow-left" @click="back"/>
           <div>编辑</div>
           <van-icon name="wap-home-o" />
        </div>

        <ul class="ul1">
            <li>
                <div class="l"><span>*</span>客户姓名</div>
                <div class="r">老陈</div>
            </li>
              <li>
                <div class="l"><span>*</span>联系方式</div>
                <div class="r">10086</div>
            </li>
        </ul>

    <!-- 第二个ul -->
        <ul class="ul1">
            <li>
                <div class="l">学历</div>
                <div class="r">博士</div>
            </li>
              <li>
                <div class="l">年龄</div>
                <div class="r">18</div>
            </li>
             <li>
                <div class="l">性别</div>
                <div class="r">男</div>
            </li>
             <li>
                <div class="l">所属城市</div>
                <div class="r">广东广州</div>
            </li>
             <li>
                <div class="l">公司名称</div>
                <div class="r">叩丁狼</div>
            </li>
             <li>
                <div class="l">职务</div>
                <div class="r">技术总监</div>
            </li>
        </ul>

        <div class="btn">
            <div class="qrxg">确认修改</div>
        </div>
  </div>
  
</template>

<script>
export default {
    data(){
        return {

        }
    },
    methods:{
        back(){
            this.$router.back();
        }
    }

}
</script>

<style lang="less" scoped>

.xiugai_page{
    width: 100vw;
    height: 100vh;
    background-color: #f5f5f5;
}

.top{
      width: 100%;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 20px;
      color: #fff;
      background-color: #039;
      padding: 0 12px;
      box-sizing: border-box;
      .van-icon{
          font-size: 24px;
      }

  }

  .ul1{
      width: 100%;
      margin: 10px 0;
  
      li{
          height: 44px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: #fff;
          div{
              span{
                  color: red;
              }
              &:nth-of-type(1){
                  margin-left: 13px;
              }
                &:nth-of-type(2){
                  margin-right: 13px;
                  color: #999;
              }
          }

      }
  }

  .btn{
      width: 100%;
      height: 58px;
      background-color: #fff;
      position: fixed;
      left: 0;
      bottom: 0;
      .qrxg{
         width: 355px;
         height: 43px;
         background-color: #039;
         border-radius: 20px;
         margin: 7px 8px;
         line-height: 43px;
         text-align: center;
         color: #fff;
      }
  }



</style>